/**
 * Copyright (c) 2020 kedacom
 * OpenATC is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 * http://license.coscl.org.cn/MulanPSL2
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
 * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
 * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 **/
<template>
  <svg
    version="1.1"
    id="图层_1"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    x="0px"
    y="0px"
    viewBox="0 0 870 650"
    style="enable-background:new 0 0 870 650;"
    xml:space="preserve"
    :width="Width"
    :height="Height"
  >
    <rect x="0.7" y="340.6" class="st0" width="869.6" height="3"></rect>
    <g>
      <path
        class="st1"
        d="M504.5,279.2c0,0-10.3-38.5-10.3-43.1c0-4.5-8.9-46.2-8.9-46.2s-15.6-100.4-16-117.2c0,0-3.9-35.9-7.7-72.7
H238.5v649.7h16.4h160.8h219.6c-9.8-25.4-57.5-148.9-59.2-156.9L504.5,279.2z"
      ></path>
      <g>
        <line class="st2" x1="472" y1="72.8" x2="471" y2="73.2"></line>
      </g>
      <g>
        <line class="st2" x1="455" y1="88" x2="455" y2="88"></line>
      </g>
      <g>
        <line class="st2" x1="472.5" y1="486.9" x2="471.5" y2="487.2"></line>
      </g>
      <g>
        <rect
          x="465.6"
          y="372.9"
          transform="matrix(0.953 -0.3031 0.3031 0.953 -90.3331 167.7638)"
          class="st3"
          width="59.4"
          height="4"
        ></rect>
      </g>
      <g>
        <g>
          <g>
            <path
              class="st3"
              d="M374,23.9v25.5h-2V23.9H374z M374,74.9v25.5h-2V74.9H374z M374,126v25.5h-2V126H374z M374,177v25.5h-2V177
H374z M374,228.1v25.5h-2v-25.5H374z M374,279.2v25.5h-2v-25.5H374z M374,330.2v25.5h-2v-25.5H374z M374,381.3v25.5h-2v-25.5
H374z M374,432.4v25.5h-2v-25.5H374z M374,483.4V509h-2v-25.5h2V483.4z M374,534.5V560h-2v-25.5H374z M374,585.6v25.5h-2v-25.5
H374z"
            ></path>
          </g>
          <g>
            <rect x="372" y="636.6" class="st3" width="2" height="13"></rect>
          </g>
        </g>
      </g>
      <g>
        <g>
          <g>
            <path
              class="st3"
              d="M312.8,23.9v25.5h-2V23.9H312.8z M312.8,74.9v25.5h-2V74.9H312.8z M312.8,126v25.5h-2V126H312.8z
M312.8,177v25.5h-2V177H312.8z M312.8,228.1v25.5h-2v-25.5H312.8z M312.8,279.2v25.5h-2v-25.5H312.8z M312.8,330.2v25.5h-2
v-25.5H312.8z M312.8,381.3v25.5h-2v-25.5H312.8z M312.8,432.4v25.5h-2v-25.5H312.8z M312.8,483.4V509h-2v-25.5h2V483.4z
M312.8,534.5V560h-2v-25.5H312.8z M312.8,585.6v25.5h-2v-25.5H312.8z"
            ></path>
          </g>
          <g>
            <rect x="310.8" y="636.6" class="st3" width="2" height="13.1"></rect>
          </g>
        </g>
      </g>
      <g>
        <path class="st4" d="M434,202.5"></path>
      </g>
      <g>
        <path
          class="st3"
          d="M435.1,71.7v20h-2v-20H435.1z M435.1,105.7v20h-2v-20H435.1z M435.1,139.7v20h-2v-20H435.1z M435,173.7v20h-2
v-20H435z M435,207.7v20h-2v-20H435z M435,241.7v20h-2v-20L435,241.7z"
        ></path>
      </g>
      <g>
        <polygon class="st5" points="433.1,314.3 434,314.6 434,311.4"></polygon>
      </g>
      <g>
        <polygon class="st5" points="433.5,334.6 433.9,334.7 433.9,333.3"></polygon>
      </g>
      <g>
        <polygon class="st5" points="433.5,358.3 433.9,358.4 433.9,356.1"></polygon>
      </g>
      <g>
        <polygon
          class="st5"
          points="447.8,313.5 446.9,310.6 445,307.1 440.8,309.2 435,307.6 434,311.4 434,314.6 441.5,316.6"
        ></polygon>
      </g>
      <g>
        <polygon
          class="st5"
          points="452.5,333.4 450,326.9 442.9,329.6 435.1,327.8 433.9,333.3 433.9,334.7 443.4,336.9"
        ></polygon>
      </g>
      <g>
        <polygon
          class="st5"
          points="460,355.4 457.1,349 447,353.7 434.6,351.4 433.9,356.1 433.9,358.4 448,360.9"
        ></polygon>
      </g>
      <g>
        <polygon
          class="st5"
          points="466.1,375.1 462.9,368.9 448.4,376.7 433.8,371.8 433.8,379.2 449,384.3"
        ></polygon>
      </g>
      <g>
        <polygon
          class="st5"
          points="472.9,396.4 469.3,390.4 452.3,400.7 433.8,392.8 433.8,392.8 433.8,400.4 452.9,408.5"
        ></polygon>
      </g>
      <g>
        <polygon
          class="st5"
          points="480.9,421.6 477.4,415.5 457.5,426.8 434.3,416.6 433.6,418 433.6,424 458,434.6"
        ></polygon>
      </g>
      <g>
        <polygon
          class="st5"
          points="487,440.6 483.5,434.6 458.4,449.7 433.6,439.1 433.5,446.7 458.9,457.5"
        ></polygon>
      </g>
      <g>
        <polygon
          class="st5"
          points="493.4,461 491.1,454.1 461,473.3 433.5,461.7 433.5,461.8 433.5,469.3 461.6,481.2"
        ></polygon>
      </g>
      <g>
        <polygon
          class="st5"
          points="503.3,486.7 501,479.7 468.6,502.8 433.5,488.5 433.5,496.1 469.6,510.7"
        ></polygon>
      </g>
      <g>
        <polygon
          class="st5"
          points="512,514.3 509.8,507.3 472.8,533.7 433.5,519.9 433.4,520.3 433.4,527.3 473.9,541.5"
        ></polygon>
      </g>
      <g>
        <polygon
          class="st5"
          points="520.5,543.9 520,542.6 519,536.3 519,536.2 476.5,568.1 433.8,549.4 433.4,550.4 433.3,556.9
477.5,576.1"
        ></polygon>
      </g>
      <g>
        <polygon
          class="st5"
          points="514,591.4 515.7,581.1 484.5,605.8 433.3,586.9 433.1,594.4 485.6,613.8"
        ></polygon>
      </g>
      <g>
        <path
          class="st5"
          d="M445.4,38.6l9.2-7c-0.3-2.7-0.6-5.4-0.8-8.2l-8.5,6.5l-10.8-7.6l-1.3,1.9V30L445.4,38.6z"
        ></path>
      </g>
      <g>
        <path
          class="st5"
          d="M433,53.3l13.7,11.1l10.4-9c-0.3-2.8-0.6-5.6-0.9-8.5l-9.6,8.3l-12.3-10l-1.2,1.4L433,53.3L433,53.3z"
        ></path>
      </g>
      <g>
        <path
          class="st5"
          d="M453.5,93l6.7-9.7c-0.4-3.5-0.8-7-1.2-10.5L451.9,83l-14.2-10.5l-0.5,0.7l2.3,9.3L453.5,93z"
        ></path>
      </g>
      <g>
        <path
          class="st5"
          d="M457,116.4l6.2-9c-0.4-3.5-0.9-6.9-1.3-10.4l-6.6,9.5l-12.2-9l2.6,10.7L457,116.4z"
        ></path>
      </g>
      <g>
        <g>
          <rect
            x="538.7"
            y="589"
            transform="matrix(0.9361 -0.3516 0.3516 0.9361 -178.2566 228.3864)"
            class="st3"
            width="2"
            height="32"
          ></rect>
        </g>
        <g>
          <polygon
            class="st3"
            points="557.4,649.7 557.5,649.6 555,643.1 553.2,643.8 555.5,649.7"
          ></polygon>
        </g>
      </g>
      <g>
        <path
          class="st5"
          d="M507.9,635.4c0.7-3.5,1.5-7.1,2.2-10.6c1.3-6.6,2.5-13.3,3.7-19.9c2-11.3,3.9-22.7,5.3-34.1
c1-8.1,2.6-16.2,2.6-24.4c0-8.6-2.6-16-5.5-24c-2.7-7.7-5.5-15.3-8.2-23c-5-14.2-10-28.5-14.9-42.8c-8.3-24.4-16.5-48.8-24.3-73.3
c-6.2-19.4-12.1-38.8-17.8-58.3c-4.3-14.9-8.5-29.8-12.4-44.9c-1.9-7.5-3.8-15.1-5.6-22.7v9.3c0,2.7,1.5,6.1,2.2,8.7
c0.8,3.2,1.6,6.4,2.5,9.6c1.9,7.2,3.8,14.3,5.8,21.5c4.9,17.7,10.2,35.2,15.6,52.8c6.9,22.5,14.2,44.8,21.6,67.2
c9.3,27.8,18.9,55.5,28.7,83.1c2.2,6.1,4.3,12.1,6.5,18.2c3.9,10.7,3.9,20.6,2.6,31.8c-1.4,12-3.4,24-5.3,35.9
c-1.7,10.5-3.6,20.9-5.6,31.3c-0.7,3.6-1.4,7.1-2.2,10.7c-0.5,2.5-1,5-1.6,7.5c-0.4,1.6-0.8,3.3-1.2,5h2
C505.9,644.9,506.9,640.1,507.9,635.4z"
        ></path>
      </g>
      <g>
        <path
          class="st5"
          d="M489.8,649.8l15.7-12.5c0.7-3.5,1.5-7.1,2.2-10.7L484.5,645l-51.2-18.9v7.5l43.9,16.2H489.8z"
        ></path>
      </g>
      <!-- <g id="直行_2_">
        <polygon
          class="st6"
          points="284.5,449.9 284.5,405 291.3,405 281.8,388.3 272.4,405 279,405 279,449.9"
        ></polygon>
      </g> -->
      <g id="直行_1_">
        <polygon
          class="st6"
          points="345.3,449.9 345.3,405 352,405 342.5,388.3 333.2,405 339.8,405 339.8,449.9"
        ></polygon>
      </g>
      <!-- <g id="直行">
        <polygon
          class="st6"
          points="405.6,449.9 405.6,405 412.4,405 402.9,388.3 393.5,405 400.1,405 400.1,449.9"
        ></polygon>
      </g> -->
      <g id="支路箭头">
        <polygon
          class="st6"
          points="536.7,487.7 521.8,445.3 528.2,443.1 513.7,430.5 510.4,449.3 516.6,447.1 531.5,489.6"
        ></polygon>
      </g>
      <path
        class="st5"
        d="M450.5,0l-6.8,6.4l-7-6.4h-3.2l-0.2,0.2v6.1l10.3,9.6l8.6-8c-0.2-2.2-0.4-4.5-0.6-6.7L450.5,0z"
      ></path>
      <polygon class="st5" points="433,0 433,53.2 435,64.7 435,0"></polygon>
      <path
        class="st5"
        d="M452.4,0h-2c7.6,79.8,18,165.1,31.8,231.4c-19.3-65-36.5-128.6-49.1-184.7v6.6v2.4c1.1,4.8,2.3,9.7,3.4,14.6
l9.5,38.3c11,43,23.9,88.6,37.7,134.8l18.7,60.7c43,136.8,91.1,270.1,121.5,345.5h2.2c-33.7-83.4-89.5-239-135.8-391.2
C473.4,189.5,461.1,91.2,452.4,0z"
      ></path>
      <rect x="237.5" y="0" class="st7" width="2" height="649.7"></rect>
      <rect x="249.9" y="0" class="st3" width="2" height="649.7"></rect>
      <path
        class="st7"
        d="M462.4,0h-2c8.8,91.8,21.2,190.9,38.2,260v0.1c46.1,151.7,100.9,304.4,135.2,389.6h2.2
c-34.3-85-89.3-238.1-135.5-390.2C483.6,190.5,471.2,91.7,462.4,0z"
      ></path>
      <path
        class="st8"
        d="M478.4,0h-2c8.8,91.8,21.2,190.9,38.2,260v0.1c46.1,151.7,100.9,304.4,135.2,389.6h2.2
c-34.3-85-89.3-238.1-135.5-390.2C499.6,190.5,487.2,91.7,478.4,0z"
      ></path>
      <polygon class="st8" points="218,0 218,649.5 220,649.6 220,0"></polygon>
      <g>
        <polygon
          class="st5"
          points="435,265.6 433,259.6 433,565.6 433,648.6 433,649.7 435,649.7"
        ></polygon>
      </g>
    </g>
  </svg>
</template>
<script>
export default {
  name: 'rampSouthroad',
  data () {
    return {}
  },
  props: {
    Width: {
      type: String,
      default: '870px'
    },
    Height: {
      type: String,
      default: '650px'
    }
  },
  methods: {},
  mounted () {}
}
</script>
<style scoped>
.st0 {
  display: none;
  fill: #ccb63a;
}
.st1 {
  fill: #3d3939;
}
.st2 {
  fill: none;
}
.st3 {
  fill: #dddddd;
}
.st4 {
  fill: none;
  stroke: #dddddd;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.st5 {
  fill: #e0e0e0;
}
.st6 {
  fill: #fcfcfc;
}
.st7 {
  fill: #ccb63a;
}
.st8 {
  fill: #e5e5d8;
}
</style>
